<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>购物车确认订单页面</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="cart">
		<a href="个人中心_用户信息_用户信息详情页面_地址管理列表.html">
		<section class="form-address bt bb mt arrow">
			<div class="form-address-info">
				<span class="co5">收货人姓名</span>
				<span class="co5">收货人电话</span>
			</div>
			<div class="form-address-addr">湖南省长沙市岳麓区</div>
		</section>
		</a>
		<section class="cart-list bt mt">
			<ul>
				<li>
					<div>
					<img src="images/红枣.jpg" width="138" height="120" class="cart-list-img" />
					<p class="cart-list-title">红枣</p>
					<p class="pt10 f16 prHeight">商品相关信息介绍商品相关信息介绍商商品相关信息介绍商品相关信息介绍商商品相关信息介绍商品相关信息介绍商商品相关信息介绍商品相关信息介绍商</</p>
					</div>
					<div style="margin-top:16px;">
						<span class="pr30 co1">￥<em class="f26">22</em>.00</span>
						<span class="co2 fr">X 1</span>
					</div>
				</li>
				<li>
					<div>
					<img src="images/月饼.jpg" width="138" height="120" class="cart-list-img" />
					<p class="cart-list-title">月饼</p>
					<p class="pt10 f16 prHeight">商品相关信息介绍商品相关信息介绍商商品相关信息介绍商品相关信息介绍商商品相关信息介绍商品相关信息介绍商商品相关信息介绍商品相关信息介绍商</</p>
					</div>
					<div style="margin-top:16px;">
						<span class="pr30 co1">￥<em class="f26">68</em>.00</span>
						<span class="co2 fr">X 1</span>
					</div>
				</li>
			</ul>
		</section>
		<section class="bt bb mt">
			<div class="cart-price">
				<ul class="cart-price-list">
					<li>
						<span class="fl">配送方式</span>
						<span class="fr">到店自提</span>
					</li>
				</ul>
				</div>
		</section>
		<section class="bt bb mt">
			<div class="cart-price">
				<ul class="cart-price-list">
					<li>
						<span class="fl">运费</span>
						<span class="fr">￥10.00</span>
					</li>
					<li>
						<span class="fl">商品金额</span>
						<span class="fr">￥88.00</span>
					</li>
					<li>
						<span class="fl">实际支付总金额</span>
						<span class="fr">￥98.00</span>
					</li>
				</ul>
				</div>
		</section>
		<section class="bt bb mt">
			<div class="cart-price">
				<ul class="cart-ticket">
					<li class="bb">
						<span class="fl">分劵</span>
						<span class="co4 fl">余额：<em class="i1">100</em></span>
						<input placeholder="请输入支付金额" onblur="maxInput(this,'.i1')" type="text" pattern="[0-9]*" class="cart-ticket-input fr f16" />
					</li>
					<li class="bb">
						<span class="fl">享劵</span>
						<span class="co4 fl">余额：<em class="i2">100</em></span>
						<input placeholder="请输入支付金额" onblur="maxInput(this,'.i2')" type="text" pattern="[0-9]*" class="cart-ticket-input fr f16" />
					</li>
					<li>
						<span class="fl">积分</span>
						<span class="co4 fl">余额：100</span>
						<span class="co1 fr">不可用</span>
					</li>
				</ul>
			</div>
			<ul class="cart-rule">
				<li>温馨提示:</li>
				<li>当分享劵满足支付，点击即可成功</li>
				<li>当分享劵不满足支付时，请选择要使用的分享金额，点击生成订单可选择第三方补足金额</li>
				<li>当积分可用时，系统将自动按照可用比例使用积分抵扣消费金额</li>
			</ul>
		</section>
	</div>
	<section class="cart-fixed bt">
		<div class="fl">合计：<em class="co1 f26">98.00</em></div>
		<a href="购物车订单确认页面_第三方支付页面.html" class="cart-submit fr">提交</a>
	</section>
	<script src="js/zepto.min.js"></script>
	<script>
		$('.cart-all').on('touchstart',function(){
			$(this).find('.cart-radio').toggleClass('cart-radio-in')
		})
		function maxInput(o,num){
			var val = o.value;
			var num = parseInt(($(num).text()));
			if(val > num){
				o.value = '';
				alert('请小于余额');
			}
		}
	</script>
</body>
</html>